<template>
  <div id="app" v-if="announcement.time">
    <ul style="padding:50rpx;">
      <li class="lidi">上课日期：{{announcement.time}}</li>
      <li v-if="!announcement.schoolclazzstudentcalendar" class="lidi">上课时间：{{announcement.schoolclasstime}}</li>
      <li v-if="!announcement.schoolclazzstudentcalendar" class="lidi indet">班级：{{announcement.schoolclazz.name}}</li>
      <li class="lidi indet">校区：{{schooladdress}}</li>
      <li class="lidi indet">教室：{{announcement.schoolclassroom.name}}</li>
      <li class="lidi indet">教师：{{announcement.schooluser.name}}</li>
      <li class="lidi">课程内容：{{announcement.info?announcement.info:''}}</li>
      <li
        v-show="!isshow"
        v-if="calendar"
        class="lidi"
      >学习状态：{{calendar.type==='其他'?'补课':calendar.type}}</li>
      <li v-show="!isshow && !calendar.state" v-if="announcement.schoolclazzstudentcalendar" class="lidi">
        课堂评分：
        <i-rate readonly :value="announcement.schoolclazzstudentcalendar.grade"></i-rate>
      </li>
      <li
        v-if="announcement.schoolclazzstudentcalendar"
        v-show="!isshow && !calendar.state"
        class="lidi"
      >课堂评价：{{announcement.schoolclazzstudentcalendar.data.title}}</li>
    </ul>
    <i-grid v-show="!isshow && !calendar.state" v-if="announcement.schoolclazzstudentcalendar">
      <div class="col-8" v-for="v in announcement.schoolclazzstudentcalendar.data.images" :key='v' >
          <image mode="aspectFit" class="aspectFit" @click="showimage(v)"  :src="v"></image>
      </div>
    </i-grid>
    <div class="a">
      <button
        :disabled="disabled"
        v-show="!announcement.schoolclazzstudentcalendar"
        @click="handleOpen2"
        class="bg-color-0064EB qs_btn"
      >{{btntitle}}</button>
      <button v-show="isshow" @click="handleOpen2" class="qs_btn bg-color-0064EB">取消请假</button>
    </div>
  </div>
</template>

<script>
import a from './a.js'
export default a
</script>
